<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>014-语言伪类</title>
		<style>
			div:lang(en) {
				color: red;
			}

			/* 因为 html 元素 lang 是 zh-CN 的，所以下面元素默认 lang 都是 zh-CN */
			/* div:lang(zh-CN) {
				color: blue;
			} */

			:lang(zh-CN) {
				color: blue;
			}
		</style>
	</head>
	<body>
		<div>尚硅谷</div>
		<div lang="en">I'm Tom</div>
		<div lang="en-US">I'm Jake</div>
		<p>后端</p>
		<span>大前端</span>
	</body>
</html>
